<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu">
    <link rel="stylesheet" type="text/css" href="style.css" />
    <title>
        RADiFy (bookmarklet)
    </title>
</head>
<body>
    <button type="button" id="radifyButton">Test the Dialog Box</button>
    <div id="radifyContainer">
        <div id="radifyHeader">
            <div id="radifyTitle"><h1>RADiFy</h1></div>
            <div class="buttons"><img src="img/min.png" alt="Minimize" id="radifyMinmax" /></div>
            <div class="buttons"><img src="img/close.png" alt="Close" id="radifyClose" /></div>
        </div><!-- #radifyHeader -->
        <div id="radifyContent">
            <div id="radifyTabs">
                <ul>
                    <li><a href="#" id="radifyViewTab">View</a></li>
                    <li><a href="#" id="radifyEditTab">Edit</a></li>
                </ul>
            </div><!-- #radifyTabs -->
            <div id="radifyDisplay">
                <form method="post" action="" id="radifyEditForm">
                <p>To start: you must specify an object. Choose to either highlight existing text or write a new object.</p>
                <p>
                <button name="highlight" id="radifyHighlight">Highlight Text</button>
                <button name="write" id="radifyWriteObject">Write Object</button>
                </p>
                <label for="radifyObject">Object</label>
                <input type="text" name="object" id="radifyObject" />
                <label for="radifyOntologySelect">Ontology [load] [help]</label>
                <!-- get list of ontologies from server! -->
                <select id="radifyOntologySelect" name="ontology">
                    <option value="foaf">FOAF</option>
                    <option value="dc">Dublin Core</option>
                </select>
                <label for="radifyChooseSubject">Subject [help]</label>
                <input type="text" value="&lt;&gt;" name="subject" id="radifyChooseSubject" />
                <label for="radifyAttributeTag">Attribute Tag</label>
                <input type="text" name="attributeTag" id="radifyAttributeTag" />
                <label for="radifyStatus">Status</label>
                <div id="radifyStatus" class="info"></div>
                <p>
                <button name="learn" id="radifyLearnButton">Learn</button>
                <button name="save" id="radifySaveTriple">Save this triple</button>
                <button name="finish" id="radifyFinishEdit">Finished!</button>
                </p>
                </form>
                <div id="radifySpacer"></div>
            </div><!-- #radifyDisplay -->
        </div><!-- #radifyContent -->
    </div><!-- #radifyContainer -->
</body>
</html>